<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        h1{
            color:black;
        }
        h2.part1{
            color:red;
        }
        h2.part2{
            color:green;
        }
        p.part1{
            color:darkgray;
        }
        #part2{
            color:green;
        }
        /*为多个元素添加同一种行为。 只要是其中一个，就设置对于属性。*/
        /*规则： 1.并集选择器，一般竖着写
                2.任何形式的选择器，都可以作为并集选择器的一部分
                3.并集选择器，通常用于赋予一个整体的整体属性。*/
        h2,
        p.part1,
        #part2{
            background-color: blue;
            width:100px;
        }
    </style>
</head>
<body>
    <h1 class="tittle">崩坏三，为世界的所有美好而战</h1>
    <!--类选择器-->
    <h2 class="part1 ">第一章</h2>
    <p class="part1">琪亚娜日常</p>
    <h2 class="part2">第二章</h2>
    <!--id选择器-->
    <p id="part2">女王降临</p>
</body>
</html>